import styles from './menulist.module.less';

export const MenuList = (props: { list: any[] }) => {
  const { list } = props;
  return (
    <div className={styles['menu-box']}>
      {list.map((item, index) => {
        return (
          <div  key={index} className={styles['menu-item']}>
            {item.name ? (
              <div className={styles['menu-bg']}></div>
            ) : (
              <div style={{ width: '1.99rem' }}></div>
            )}
            <div className={styles['right-box']}>
              <div className={styles['right-box-name']} >{item.name}</div>
              <div className={styles['right-box-val']} >
                {/* <div ></div> */}
                <span className={styles['font']}>{item.num}</span>{item.unit}
                {/* <div></div> */}
              </div>
            </div>
          </div>
        );
      })}
    </div>
  );
};
